<!DOCTYPE html>
<html class="ui-page-login">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>贷款信息</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav linearbg">
			<h1 class="mui-title">贷款信息</h1>											
			<button class="mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>返回
			</button>
		</header>
		<!-- 底部跳转  -->
		<nav class="mui-bar mui-bar-tab">
			<a id="Tab1" class="mui-tab-item mui-active" href="#" onclick="_hrerf('Tab1')">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a id="Tab2" class="mui-tab-item" href="#" onclick="_hrerf('Tab2')"> 
				<span class="mui-icon-extra mui-icon-extra-gold"></span>
				<span class="mui-tab-label">分期</span>
			</a>
			<a id="Tab3" class="mui-tab-item" href="#" onclick="_hrerf('Tab3')">
				<span class="mui-icon-extra mui-icon-extra-peoples"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content loadlist">
			<div id="pullrefresh" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view mui-table-view-advice-history">
						<li class="mui-table-view-cell">
							<a href="javascript:void(0)" >					
								<div class="mui-table-top">									
									<p>
										<span class="cir">马</span>
										<span class="hjcredit mui-h4">马上金融</span>
										<span class="mui-badge mui-badge-primary mui-pull-right linearbg">立即购买</span>
									</p>
									<span class="mui-badge mui-btn mui-btn-success mui-btn-outlined">高额度</span>
									<span class="mui-badge mui-btn mui-btn-success mui-btn-outlined">随借随还</span>
								</div>
								<div class="mui-table">									
									<div class="mui-table-cell mui-col-xs-3 mui-text-center">
										<div class="periods mui-h3">6</div>
										<div class="color999 mui-h6">期数</div>
									</div>
									<div class="mui-table-cell mui-col-xs-5 mui-text-center">
										<div class="mui-h3">1333</div>
										<div class="color999 mui-h6">月还款数（元）</div>
									</div>
									<div class="mui-table-cell mui-col-xs-4 mui-text-center">
										<div class="mui-h3">6</div>
										<div class="color999 mui-h6">还款日</div>
									</div>
								</div>							       
							</a>
						</li>	
						<li class="mui-table-view-cell">
							<a href="javascript:void(0)" >					
								<div class="mui-table-top">									
									<p>
										<span class="cir">马</span>
										<span class="hjcredit mui-h4">马上金融</span>
										<span class="mui-badge mui-badge-primary mui-pull-right linearbg">立即购买</span>
									</p>
									<span class="mui-badge mui-btn mui-btn-success mui-btn-outlined">高额度</span>
									<span class="mui-badge mui-btn mui-btn-success mui-btn-outlined">随借随还</span>
								</div>
								<div class="mui-table">									
									<div class="mui-table-cell mui-col-xs-3 mui-text-center">
										<div class="periods mui-h3">6</div>
										<div class="color999 mui-h6">期数</div>
									</div>
									<div class="mui-table-cell mui-col-xs-5 mui-text-center">
										<div class="mui-h3">1333</div>
										<div class="color999 mui-h6">月还款数（元）</div>
									</div>
									<div class="mui-table-cell mui-col-xs-4 mui-text-center">
										<div class="mui-h3">6</div>
										<div class="color999 mui-h6">还款日</div>
									</div>
								</div>							       
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/commom.base.js"></script>
	<script>
		/*************************** 菜单跳转 ****************************/
		function _hrerf(href) {				
			if(href === "Tab1") {					
				location.href = '';
			}else if(href === "Tab2") {					
				location.href = '';
			} else if(href === "Tab3") {					
				location.href = '';					
			} 
		}				
	</script>
</html>